From 8f8ce1641b31f723d60b51bfa1de9560c5438a63 Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Sun, 24 Aug 2025 01:42:18 +0300
Subject: fix: fix nextjs warning about dialog without title in bookmark
 preview

---
 .../app/dashboard/@modal/(.)preview/[bookmarkId]/page.tsx   | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

(limited to 'apps/web/app/dashboard/@modal/(.)preview/[bookmarkId]/page.tsx')

diff --git a/apps/web/app/dashboard/@modal/(.)preview/[bookmarkId]/page.tsx b/apps/web/app/dashboard/@modal/(.)preview/[bookmarkId]/page.tsx
index 77d84ec5..6a204fd3 100644
--- a/apps/web/app/dashboard/@modal/(.)preview/[bookmarkId]/page.tsx
+++ b/apps/web/app/dashboard/@modal/(.)preview/[bookmarkId]/page.tsx
@@ -3,7 +3,13 @@
 import { use, useState } from "react";
 import { useRouter } from "next/navigation";
 import BookmarkPreview from "@/components/dashboard/preview/BookmarkPreview";
-import { Dialog, DialogContent } from "@/components/ui/dialog";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
 
 export default function BookmarkPreviewPage(props: {
   params: Promise<{ bookmarkId: string }>;
@@ -22,6 +28,11 @@ export default function BookmarkPreviewPage(props: {
 
   return (
     <Dialog open={open} onOpenChange={setOpenWithRouter}>
+      <VisuallyHidden>
+        <DialogHeader>
+          <DialogTitle>Preview</DialogTitle>
+        </DialogHeader>
+      </VisuallyHidden>
       <DialogContent
         className="h-[90%] max-w-[90%] overflow-hidden p-0"
         hideCloseBtn={true}
-- 
cgit v1.2.3-70-g09d2

